<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>游戏推荐</title>

    <!-- 幻宇logo-->
    <link rel="shortcut icon" href="../logo/幻宇logo.png" type="image/x-icon">

    <!-- css -->
    <link rel="stylesheet" type="text/css" href="游戏推荐css/导航栏.css">

    <!-- js -->
    <script src="./游戏推荐js/鼠标滚动.js"></script>

    <style>
        .div1 {
            background-color: #f0f0f0; /* 浅灰色背景 */
        /*    padding: 100px; !* 内边距 *!*/
        /*    margin: 10px; !* 外边距 *!*/
        }
    </style>
</head>
<body>


<nav class="navigation">
    <ul>
        <li><a href="../主页.html">主页</a></li>
        <li><a href="../介绍/介绍.html">介绍</a></li>
        <li><a href="#about">排行榜</a></li>
    </ul>
</nav>

<!-- 页面内容 -->
<div class="section" style="background-image: url('背景/黑神话：悟空.jpg');">
    <div class="div1">
        <ul>
            <li><a href="#">黑神话：悟空</a></li>
        </ul>
    </div>
</div>
<div class="section" style="background-image: url('./背景/泰坦陨落2.jpg');"></div>
<div class="section" style="background-image: url('./背景/荒野大镖客：救赎2.jpg');"></div>
<div class="section" style="background-image: url('./背景/巫师3.jpg');"></div>
<div class="section" style="background-image: url('./背景/古墓丽影.jpg');"></div>
<div class="section" style="background-image: url('./背景/博德之门3.jpg');"></div>
<div class="section" style="background-image: url('背景/底特律：化身为人.jpg');"></div>
<div class="section" style="background-image: url('./背景/双人成行.jpg');"></div>
<div class="section" style="background-image: url('./背景/GTA5.jpg');"></div>
<div class="section" style="background-image: url('./背景/无主之地.jpg');"></div>




<script>

</script>
</body>
</html>